$(function() {

    var form = layui.form

    var layer = layui.layer



    var query_obj = {
        pagenum: 1, //	页码值
        pagesize: 10, //每页显示多少条数据
        advposdesc: '', //广告位描述，支持模糊查询
        advposname: '' //广告位名称，支持模糊查询
    }

    getAdvlist()

    //获取广告列表
    function getAdvlist(advname) {
        query_obj.advposname = advname
        $.ajax({
            method: 'get',
            url: '/ydd_advpos/list',
            data: query_obj,
            success: function(res) {
                console.log(res);
                if (res.errno !== 0) {
                    return layer.msg('获取列表信息失败', { icon: 5 })
                }

                //定义模板引擎传递服务器响应的数据
                //渲染列表
                var list_str = template('adv_list_tpl', res.data)
                $('#dve_list').html(list_str)

                //渲染分页
                renderPage(res.data.count)
            }

        })
    }

    var edit = null
    $('table').on('click', '.btn-edit', function() {
        var id = $(this).attr('data-id')

        edit = layer.open({
            type: 1,
            title: '修改广告位',
            area: ['683px', '381px'],
            content: $('#adv_edit').html()
        });

        // 发送请求
        $.ajax({
            method: 'GET',
            url: '/ydd_advpos/rowInfo?id=' + id,
            success: function(res) {
                if (res.errno !== 0) {
                    return layer.msg('获取列表信息失败', { icon: 5 })
                }
                form.val('edit_adv_form', res.data)
            }
        })
    })


    //修改
    $('body').on('submit', '#edit', function(e) {
        e.preventDefault();

        // 发送请求
        $.ajax({
            method: 'post',
            url: '/ydd_advpos/update',
            data: $(this).serialize(),
            success: function(res) {
                if (res.errno !== 0) {
                    return layer.msg('修改失败', { icon: 5 })
                }

                layer.msg('修改成功', { icon: 6 })
                getAdvlist()
                    //关闭弹出层
                layer.close(edit)
            }
        })
    })


    //删除
    $('body').on('click', '.btn-delete', function() {
        var id = $(this).attr('data-id')


        layer.confirm('确认删除吗?', { title: '提示' }, function(index) {
            $.ajax({
                    method: 'DELETE',
                    url: '/ydd_advpos/del?id=' + id,
                    success: function(res) {
                        if (res.errno !== 0) {
                            return layer.msg('删除失败', { icon: 5 })
                        }
                        //请求成功提示
                        layer.msg('删除陈功', { icon: 6 });

                        getAdvlist()
                    }
                })
                //关闭弹出层
            layer.close(index);
        });

    })




    //新增
    var add = null;
    $('#btn-add').on('click', function() {
        add = layer.open({
            type: 1,
            title: '新增广告位',
            area: ['683px', '381px'],
            content: $('#adv_add').html()
        });

    })


    $('body').on('submit', '#add', function(e) {
        e.preventDefault();
        // 发送请求
        $.ajax({
            method: 'post',
            url: '/ydd_advpos/add',
            data: $(this).serialize(),
            success: function(res) {
                if (res.errno !== 0) {
                    return layer.msg('新增失败', { icon: 5 })
                }

                layer.msg('新增成功', { icon: 6 })
                    //重新获取文章列表
                getAdvlist()
                    //关闭弹出层
                layer.close(add)
            }
        })
    })






    var laypage = layui.laypage
        //渲染文章分页
    function renderPage(total) {
        //laypage.render(options) 来设置基础参数
        laypage.render({
            elem: 'page_box', //指向存放分页的容器，值可以是容器ID、DOM对象
            count: total, //数据总数，从服务端得到
            limit: query_obj.pagesize, //每页显示的条数
            curr: query_obj.pagenum, //默认显示的页码
            layout: ['count', 'limit', 'prev', 'page', 'next', 'skip'],
            limits: [2, 3, 5, 10],


            //切换分页的回调
            // 触发 jump 回调的方式有两种：
            // 1. 点击页码的时候，会触发 jump 回调
            // 2. 只要调用了 laypage.render() 方法，就会触发 jump 回调
            jump: function(obj, first) {
                // console.log(first);
                // console.log(obj.curr); //得到当前页
                query_obj.pagenum = obj.curr
                    // console.log(obj.limit); //得到每页显示的条数
                query_obj.pagesize = obj.limit
                if (!first) {
                    getAdvlist()
                }
            }
        });

    }


    $('#form-search').on('submit', function(e) {
        e.preventDefault();
        var advname = $('#ipt_adv_name').val()
        getAdvlist(advname)
    })


    $('#btn-reset').on('click', function() {
        getAdvlist()
    })

})